<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/in.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>登录页面</title>

<!-- Bootstrap -->
<link
	href="${staticPage}/script/bootstrap/bootstrap-3.3.5-dist/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${staticPage}/css/login.css" rel="stylesheet">
<link rel='icon' href='${staticPage}/image/title_logo.ico'
	type='image/x-ico' />
	
<script
	src="${staticPage}/script/bootstrap/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="${staticPage}/script/login.js"></script>
<script type="text/javascript">
    $(function() {
    	$("#nickname").focus(function(){
    		clearDivPrompt();
    	});
    	$("#password").focus(function(){
    		clearDivPrompt();
    	});
    });
    </script>
</head>


<body>
	<img src="${staticPage}/image/home_background.jpg" class="bgimage"
		alt="Responsive image">
	<div class="signBox">
		<form id="frm" method="post" class="form-horizontal" action="${ctx}/user_login.json">
			<div class="form-group">
				<div class="col-sm-1">
					<span class="glyphicon glyphicon-user " aria-hidden="true"
						style="font-size: 20px; color: #5bc0de;"></span>
				</div>
				<div class="col-sm-11">
					<span style="font-weight: bold;">用户登录</span>
				</div>
			</div>
			
			<div class="form-group">
				<label for="nickname" class=" col-sm-4 control-label ">账号&nbsp;</label>
				<div class="col-sm-6">
					<input type="text" class="form-control" name="nickname"
						id="nickname" placeholder="请输入账号">
				</div>
			</div>
			
			<div class="form-group">
				<label for="password" class="col-sm-4 control-label">密码&nbsp;</label>
				<div class="col-sm-6">
					<input type="password" class="form-control" name="password"
						id="password" placeholder="请输入密码">
				</div>
			</div>
			
			<div class="alert alert-default" role="alert">
				<span id="divPrompt" class="alert-link"></span> <span
					id="divPrompt2" class="alert-link">${msg}</span>
			</div>
			
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="button" onclick="userLogin()" class="btn btn-info"
						style="width: 78%">登录</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>